<!DOCTYPE html>
<html>
    <head>
        <title>Qui suis-je ?</title>
        <script type="text/javascript">
            function deviner() {
                var element = document.documentElement.lastChild;
                alert("Je suis un "+element.nodeName);
                var autreElement = document.getElementsByTagName("h1")[0];
                alert("Je suis un "+ autreElement.nodeValue);
                var enfant = autreElement.firstChild;
                alert("je suis un "+ enfant.nodeValue);
                element = document.getElementById("tigre").lastChild;
                alert("je suis un "+ element.nodeValue);
                alert("je suis un "+ element.parentNode.getAttributeNode("id").nodeValue);
                var parent = document.getElementByID("unId");
                alert("je suis un "+ element.parentNode.getAttributeNode("id").nodeValue);
                
            }    
        </script>
    </head>
    <body>
        <h1>Je suis un chameau</h1>
        <div id = "zoo">
            Je suis un <em>cheval</em>, mais je voudrais etre
            <span id = "tigre"> tigre </span>
        </div>
        <form id="unID" action = "page2.html">
            <p>
                <input type = "button" value = "Qui suis-je ?" onclick = "deviner();" />
            </p>
        </form>
    </body>
</html>